<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>练习</title>
		<style>
			/**
			 * html结构      div--container   内层div--.box   写lorem
			 * css结构      .container样式：背景颜色#f0f0f0;
			 *                              padding:20px;
			 *                              文本居中
			 *              .box样式：背景颜色#4caf50;
			 *                        文字改下颜色：白色
			 *                        宽度60%
			 *                        宽度范围：500~600宽度【页面不变】
			 *                        margin：auto；
			 */
			.container{
				background: #f0f0f0;
				padding: 20px;
			}
			.box{
				background: #4caf50;
				width: 60%;
			}
			
		</style>
	</head>
	<body>
		<div id="container">
		<div id="box">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore nam dignissimos reiciendis ratione. Fugit maxime a nisi iste eveniet, ut maiores officiis, neque, asperiores blanditiis nemo animi unde quidem quam?</div>
		</div>
	</body>
</html>